import React from 'react';
import { CommentOutlined } from '@ant-design/icons';
import styled from '@emotion/styled';

const EmptyTalkContainer = styled.div`
	text-align: center;
`;
const EmptyTextContainer = styled.p`
	text-align: center;
`;

interface EmptyTalkProps {
	text?: string;
}

const EmptyTalk = (props: EmptyTalkProps) => {
	const { text = '' } = props;
	return (
		<EmptyTalkContainer>
			<CommentOutlined style={{ fontSize: '30px' }} />
			<EmptyTextContainer>{text}</EmptyTextContainer>
		</EmptyTalkContainer>
	);
};

export default EmptyTalk;
